<template>
  <div class="site-footer-content" :style="{ color:color, backgroup:backgroup, height:height, 'line-height':lineHeight }">
      {{ sysFooter }}
  </div>
</template>

<script>
export default {
  props: {
    backgroup: {
      type: String,
      default: 'white'
    },
    color: {
      type: String,
      default: '#8c92a4'
    },
    height: {
      type: String,
      default: '38px'
    },
    lineHeight: {
      type: String,
      default: '19px'
    }
  },
  data() {
    return {}
  },
  computed: {
    sysFooter: {
      get() { return this.$store.getters.footer }
    }
  }
}
</script>

<style lang="scss" scoped>
.site-footer-content {
  padding: 10px 0px;
  user-select: none;
}
</style>
